.eval-wrap{
	.title{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		font-weight: 600;
		border-bottom: 1px solid #ddd;
	}
	.eval-list{
		width: 1152px;
		margin-top: 40px;
		border-bottom: 1px solid #ddd;
		li{
			margin-bottom: 72px;
		}
		.el-col-6{
			margin-top: 10px;
			border-right: 1px solid #ddd;
			dl{
				width: 130px;
				margin: 0px auto;
			}
			dt{
				height: 130px;
				margin-bottom: 20px;
				img{
					width: 100%;
					height: 100%;
				}
			}
			.name{
				margin: 18px auto;
				line-height: 16px;
				overflow:hidden; 
				text-overflow:ellipsis;
				display:-webkit-box; 
				-webkit-box-orient:vertical;
				-webkit-line-clamp:2;
			}
			.type{
				overflow: hidden;
				color: #666;
				span{
					float: left;
				}
				em{
					float: right;
				}
			}
		}
		.el-col-12{
			margin-left: 90px;
			dl{
				width: 560px;
				border-top: 1px solid #ddd;
				border-left: 1px solid #ddd;
			}
			.title-col,.con-col{
				border-right:1px solid #ddd;
				border-bottom: 1px solid #ddd;
			}
			.title-col{
				float: left;
				width: 60px;
				text-align: center;
				padding:0px 14px;
				background-color: #f5f5f5;
			}
			.con-col{
				width: 499px;
				float: left;
				padding: 16px;
			}
			dt{
				height: 118px;
				overflow: hidden;
				.title-col{
					height: 100%;
					padding-top: 54px;
				}
				.con-col{
					height: 100%;
				}
			}
			dd{
				height: 96px;
				overflow: hidden;
				.title-col{
					height: 100%;
					padding-top: 26px;
				}
				.con-col{
					height: 100%;
					overflow: hidden;
				}
			}
			.img-list,.upload,.upload-num{
				float: left;
			}
			.upload-num{
				line-height: 60px;
				margin-left: 20px;
				color: #666;
			}
			.img-list{
				overflow: hidden;
				li{
					float: left;
					position: relative;
					width: 60px;
					height: 60px;
					margin-right: 20px;
					margin-bottom: 0px;
					.evalImg{
						width: 100%;
						height: 100%;
					}
					.remove{
						position: absolute;
						top: 0px;
						right:0px;
						display: none;
					}
				}
				li:hover{
					.remove{
						display: inline-block;
					}
				}
			}
		}
		.first-eval{
			span{
				margin-right: 20px;
				color: #666;
			}
		}
		.first-eval-img{
			overflow: hidden;
			margin-bottom: 20px;
			li{
				float: left;
				margin-right: 20px;
				width: 60px;
				height: 60px;
				img{
					width: 100%;
					height: 100%;
				}
			}
		}
		.eval-btn{
			margin: 100px auto;
			text-align: center;
			.el-button{
				width: 190px;
				font-size: 20px;
				font-weight: 600;
			}
		}    
	}
	.rate{
		overflow: hidden;
		div{
			float: left;
		}
		.el-rate{
			margin-left: 30px;
		}
	}
	.sevice-rate{
		margin-top: 56px;
		margin-left: 378px;
		li{
			margin-bottom: 46px;
		}
	}
}